<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css" href="pages/system/css/workOrder_detail.css">
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<ul class="breadcrumb">
				<li><span class="c-999">运营售后管理<i
					class="icon-angle-right"></i></span>
				</li>
				<li><a class="c-666">工单详情</a></li>
			</ul>
		</div>
	</div>
	
	<div class="table-con" style="margin-bottom: 25px;" id="woDetail">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp; <i class="icon-reorder"></i>
			&nbsp;工单详情
		</div>
		<div class="modal-body form-body" style="width:743px">
			<form action="" id="plan_form">
				<input type="hidden" id="pkId" name="pkId"> 
				<input type="hidden" id="submitter_id" name="submitter_id"> 
				<table class="table">
					<tr>
						<td>
							<span class="al-right">工单编码：</span><input type="text" id="woCode" name="woCode" readonly/>
						</td>
						<td>
							<span class="al-right">工单类型：</span><input type="text" id="woCategory" name="woCategory" readonly/>
						</td>
					</tr>
					<tr>
						<td>
							<span class="al-right">重要程度：</span><input type="text" id="woImportance" name="woImportance" readonly/>
						<td>
							<span class="al-right">提交人：</span><input type="text" id="woSubmitter" name="woSubmitter" readonly />
						</td>
					</tr>
					<tr>
						<td>
							<span class="al-right">服务客户：</span><input type="text" id="woCustomer" name="woCustomer" readonly />
						</td>
						<td>
							&nbsp;&nbsp;
						</td>
											
					</tr>
					<tr>
						<td colspan="2">
							<span class="al-right">服务内容：</span>
							<input type="text" id="woContent" name="woContent" style="width:576px" readonly/>
						</td>
						
					</tr>
					<tr>
						<td colspan="2">
							<span class="al-right">服务描述：</span>
							<textarea  id="woDescription" name="woDescription" style="width:576px;height: 120px" readonly>
								

							</textarea>
						</td>
					</tr>

					<tr id="serviceDate">
						<td>
							<span class="al-right">服务开始时间：</span>
							<input type="text" id="serviceStartDate" name="serviceStartDate" readonly />
						</td>
						<td>
							<span class="al-right">服务结束时间：</span>
							<input type="text" id="serviceEndDate" name="serviceEndDate" readonly  />
						</td>
					</tr>
					
					<tr>
						<td>
							<span class="al-right">联系人：</span>
							<input type="text" id="contacts" name="contacts" readonly/>
						</td>
						<td>
							<span class="al-right">联系电话：</span>
							<input type="text" id="contactNumber" name="contactNumber" readonly/>
						</td>
					</tr>
					
				</table>
			</form>
		</div>
		<!--table end-->	
	</div>

	<div class="table-con" style="margin-bottom: 25px;">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp; <i class="icon-reorder"></i>
			&nbsp;工单处理
		</div>
		<div class="modal-body form-body" >
			<form action="" id="plan_form">
				<input type="hidden" id="pkId" name="pkId"> 
				 
				<table class="table">
					<tr>
						<td>
							<span class="al-right">工单状态：</span>
							<input type="radio" name="woStatus" value="1" id="rd1" class="radio-class"/><label for="rd1"> 未解决</label>
							<input type="radio" name="woStatus" value="2" id="rd2" class="radio-class"/><label for="rd2"> 已确认</label>
							<input type="radio" name="woStatus" value="3" id="rd3" class="radio-class"/><label for="rd3"> 处理中</label>
							<input type="radio" name="woStatus" value="4" id="rd4" class="radio-class"/><label for="rd4"> 已解决</label>
							<input type="radio" name="woStatus" value="5" id="rd5" class="radio-class"/><label for="rd5"> 已关闭</label>
						</td>
						<td>
							<button class="btn blue" id="btn_submit">提&nbsp;&nbsp;交</button>
						</td>
						
					</tr>
					
				</table>
			</form>
		</div>
		<!--table end-->	
	</div>

	<div class="table-con" style="margin-bottom: 25px;">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp;<i class="icon-reorder"></i>&nbsp;工单修改历史
		</div>
		<div class="list-body">
			<div class="portlet-body">
				<p>
					
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-striped table-hover table-bordered"
					id="woHistory_table">
					<thead>
						<tr>
							<th  class="sorting_asc_disabled" style="width:35px;">
							序号
							</th>
							<th class="fourMinWidth">修改时间</th>
							<th class="fourMinWidth">操作用户</th>
							<th class="fourMinWidth">工单处理记录</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>

	<div class="table-con" style="margin-bottom: 10px;">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp;<i class="icon-reorder"></i>&nbsp;附件列表
		</div>
		<div class="list-body">
			<div class="portlet-body">
				<p>
					<button type="button" class="btn blue" id="file_table_add" >上传文件</button>
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-striped table-hover table-bordered"
					id="file_table">
					<thead>
						<tr>
							<th  class="sorting_asc_disabled" style="width:35px;">
							序号
							</th>
							<th class="fourMinWidth">文件名</th>
							<th class="fourMinWidth">文件大小</th>
							<th class="fourMinWidth">上传时间</th>
							<th class="fourMinWidth">下载</th>
							<th class="fourMinWidth">删除</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>

	<!--新增计划-->
	<div id="add-file" class="modal hide fade" tabindex="-1" data-focus-on="input:first">
		<div class="modal-header add-file-header bg-green c-bold c-fff">
			<span id="file_add_title">上传文件</span>
		</div>
		<div class="modal-body add-file-body">
			<form action="main/wo/upload2.mvc" enctype="multipart/form-data" method="post" id="file_form">
				<table class="table">
					<input type="hidden" id="woId" name="woId" value=""/>
					<tr>
						<td>
							<input type="file" name="uploadfile" id="uploadfile"/>  
						</td>
					</tr>
				</table>
			</form>
		</div>
		<div class="modal-footer al-center bg-fff">
			<button type="button"  class="btn green" style="margin-right: 25px;" id="form_file_save">上传</button>
			<button type="button" data-dismiss="modal" class="btn red" id="form_btn_close">取消</button>
		</div>
	</div>

</div>	
	

	

	
<!-- 模态窗口 str -->
<jsp:include page="/pages/common/modal.jsp"></jsp:include>

<script type="text/javascript" src="script/jquery/js/ajaxfileupload.js"></script>
<script type="text/javascript" src="pages/system/js/workOrder_detail.js"></script>
<script src="media/js/ui-modals.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		var woId = '<%=request.getParameter("woId")%>';
		var woType = '<%=request.getParameter("woType")%>';
		woDetail.init(woId,woType);
		UIModals.init();
	});

	
</script>


